/**------登陆----------*/
.loginbg {background: url(../images/bg2.jpg) repeat-x; height: 533px;}

.loginbg .wrap {height: 533px;	position: relative;}

.loginarea {background: rgba(0, 0, 0, 0.7);	width: 360px; height: 460px;	position: absolute;	right: 20px; top: 37px;	z-index: 22;	padding-top: 10px;	font-family: "微软雅黑";}
.loginarea .erweimalogin{ text-align: center; padding: 30px;}
.loginarea .loginerweima{ width: 150px; height: 150px; margin: 0 auto; background: #fff;}
.loginarea span{ display: block; width: 60px; height: 60px; background: url(../images/common/erweima1.png) no-repeat; position: absolute; top: 0; right: 0; z-index: 99; cursor: pointer;}
.loginarea .erweima2{ background-position: -60px 0;}
.loginerweima .logintip{ margin-top: 20px;}
.loginerweima .logintip .saosao{ display: inline-block; width: 32px; height: 30px; background: url(../images/common/icon12.png) no-repeat; float: left;}
.loginerweima .logintip p{ color: #fff; padding-left: 45px; text-align: left; font-size: 12px;}
.loginarea h2 {	font-size: 20px;	color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.3);	line-height: 50px; padding-left: 30px; }
.loginarea::before, .loginarea::after {	content: '';	position: absolute;	width: 300px;	height: 350px;	top: 0;	left: 0;	border-radius: 4px;	-webkit-animation: btn_wave 3s infinite; animation: btn_wave 3s infinite;	box-shadow: 0 0 0 0 #fff;	z-index: -1}
.login-list {	padding: 0 30px;	z-index: 33;}
.login-list li {	height: 40px;	margin-bottom: 15px;}
.login-list li .text-180 {	width: 100%;	height: 40px;	border: 0;	float: left;}
.login-list li .account, .login-list li .pasw {	background: #fff;	height: 40px;	border-radius: 5px;}
.login-list p {	font-size: 16px;	color: #fff;	line-height: 40px;	background: url(../images/icon52.png) left center no-repeat;	padding-left: 25px;}
.login-list li .account  .text-180 {	width: 240px;	height: 40px;	padding-left: 50px;	background: url(../images/login1.png) no-repeat;}
.login-list li .pasw  .text-180 {	width: 240px;	height: 40px;	padding-left: 50px;	background: url(../images/login2.png) no-repeat;}
.login-list li:first-child {	margin: 0;}
.login-list .checkbox-inline {	color: #fff;}
.login-list .forget {	float: right;	color: #fbf207;}
.login-list .btn {	width: 100%;	background: #32bbf8;	color: #fff;}
.login-list .quickregist {	float: right;	color: #fff;}
.login-list .weixin{ display: inline-block; width: 24px; height: 24px; background: url(../images/common/weixin.png) no-repeat; background-size: contain; vertical-align: middle; margin-right: 5px;}

/*==注册==*/
.fl{ float:left;}
.contain{background-color: #efefef;/* background: url(../images/register/register_bg.png) repeat; */padding: 60px 0;}
.regist{ width: 720px; transition: all .3s ease-in-out; -webkit-transition:all .3s ease-in-out ; margin: 0 auto; background: #fff; padding-bottom: 40px; position: relative;}
.regist .sub{ position: absolute; bottom: 0; right: 0;}
.regist .reg-title h1{ font-size: 24px; text-align: center; color: #000; line-height: 24px;font-weight:bold;margin-bottom:6px}
.regist .reg-title p{ text-align: center; font-size: 14px; color: #6a6a6a;}
.regist .reg-title p a{ color: #51afff; text-decoration: underline;}

.registnav{ border-bottom: 1px solid #e4e4e4; margin-bottom: 30px;}
.registnav a{ line-height: 47px; height: 47px; font-size: 20px; color: #666; padding: 0 24px; display:inline-block; text-decoration: none;}
.registnav .bgline{ background: url(../images/icon35.png) right center no-repeat;}
.registnav a.actived{ color: #40a7ff; border-bottom: 1px solid #40a7ff;}
.registnav a:hover{  border-bottom: 1px solid #40a7ff;}
.regist-list{ margin-left: 160px; margin-top: 35px;}
.regist-list li{ list-style: none; margin-bottom: 30px;}

.text-387{ width: 387px; height: 44px; line-height: 24px; *line-height: 42px;  line-height: 42px\0;  border: 1px solid #d2d2d2; border-radius: 5px; padding-left: 70px !important;}
.text-small{ width: 221px; height: 44px; line-height: 24px; *line-height: 42px; line-height: 42px\0; border: 1px solid #d2d2d2; border-radius: 5px; padding-left: 10px !important;}
.regist-list .tel{ background: url(../images/register/icon1.png) no-repeat 20px center;}
.regist-list .passw{ background: url(../images/register/icon2.png) no-repeat 20px center;}
.regist-list .recommend{ background: url(../images/register/icon3.png) no-repeat 20px center; display: none;}
.regist-list .know{ background: url(../images/register/icon4.png) no-repeat 20px center; width: 386px;}
.regist-list .btn-getcode{ width: 157px; height: 43px; margin-left: 5px; background: #40a7ff; color: #fff; border: 0; border-radius: 5px; font-size: 14px; font-weight: bold; cursor: pointer;}
.regist-list .btn-sure{ background: #51afff; color: #fff; font-size: 16px; height: 42px; width: 387px; cursor: pointer; border-radius: 5px; box-shadow: 0 2px 2px #00679B;border-style:none}
.regist-list .btn-sure:hover{ background: #3690f6;}
.regist-list .icon{ font:12px "微软雅黑", "Arial", "Helvetica", "sans-serif"; margin-left: 5px; background: url(../images/register/close.png) no-repeat left center; padding-left: 20px; cursor: pointer;width:363px;color:#6a6a6a }
.regist-list li .icon1{background: url(../images/close_2.png) no-repeat left center;}
.regist-list li p{ line-height: 26px; margin-bottom: 5px;}
.regist-list li span{font-size: 12px;  color: #ea544a; margin-left:8px; padding-left: 22px; display: none;}
.regist-list li a{ color: #51afff;}
.regist-list .know{display: none;}
.show{display:inline-block !important}



/*注册成功*/

.registsuccess{ width: 980px; background: #fff; margin: 0 auto; height: auto; overflow: hidden; padding-bottom: 70px; font-family: "microsoft yahei","微软雅黑";}
.registsuccess .reg-title{ border-bottom: 1px solid #dbdbdb; margin: 45px 65px; overflow: hidden;}
.registsuccess .reg-title h1{ font-size: 24px; color: #000; line-height: 45px; font-weight: normal;}
.registsuccess .reg-title p{ font-size: 14px; color: #6a6a6a; line-height: 51px; margin-left: 10px;}
.registsuccess .reg-title p a{ color: #51afff; text-decoration: underline;}
.success{ text-align: center; margin-top: 15px;}
.success .successinfo h2{ font-size: 26px; color: #0c94d6; line-height: 38px; font-weight: normal;}
.success .successinfo p{ font-size: 18px; color: #a9a9a9; margin-top: 11px;}
.recharge{ text-align: center; margin-top: 70px;}
.recharge .quickrecharge{ margin: 10px auto  28px; 
                          background: #f5cd46;
                          height: 44px; line-height: 44px; text-align: center; color:#fff; font-size: 20px; font-weight: bold; border-radius: 5px;
                          box-shadow: 0 2px 2px #dd9200;  
                          -moz-box-shadow: 0 2px 2px #dd9200; 
                          -webkit-box-shadow: 0 2px 2px #dd9200;  
                          display: block; width: 260px;  overflow: hidden; }
.recharge .entry{ font-size: 16px; color: #3e3e3e; text-decoration: underline; line-height: 30px;}
.recharge p{ font-size: 16px; color: #959595;}
.recharge p a{ color: #545454; text-decoration: underline;}


/*易宝支付*/
.yeepay{ text-align: center; font-size: 14px;}
.yeepay p{font-size: 14px; color: #6d6b6b; line-height: 42px; }
.yeepay-list{  margin-top: 30px;}
.yeepay-list li{ margin-bottom: 30px;}
.yeepay-list li .w90{ display: inline-block; width: 120px; text-align: left; font-size: 14px; margin-right: 10px;}
.yeepay-list li .w90 b{ color: #ff0101; vertical-align: bottom;}
.yeepay-list li .text-275{ border-radius:5px;width: 275px; height: 44px; font-size: 14px; line-height: 24px; *line-height: 42px; padding-left: 10px;  line-height: 42px\0; border: 1px solid #d4d4d4;}
.yeepay-list li .idcard{width: 275px; background: url(../images/register/icon6.png) no-repeat left center; padding-left: 45px;}
.yeepay-list  li .point{ font-size: 14px;   height: 44px; line-height: 44px; padding-left: 25px; margin-left: 10px; color: #c6c6c6;}
.yeepay-list  li .point1{ font-size: 14px;   height: 44px; line-height: 44px; padding-left: 25px; margin-left: 10px; color: #c6c6c6;}
.yeepay-list .btn-sure{ background: #50afff; border-radius: 5px; width: 275px; height: 44px; color: #fff; font-size: 20px;
                         box-shadow: 0 2px 2px #4096f4;  
                          -moz-box-shadow: 0 2px 2px #4096f4; 
                          -webkit-box-shadow: 0 2px 2px #4096f4;  cursor: pointer;border-style:none}
.yeepay-list li a{ margin-left: 30px; text-decoration: underline; font-size: 14px; line-height: 44px;}
.yeepay-list li .error{background:url(../images/register/icon7.png) no-repeat left center}
.yeepay-list li .success{background:url(../images/register/icon8.png) no-repeat left center}
.regist-list  .error{background:url(../images/register/icon7.png) no-repeat left center}
.regist-list  .success{color:#6a6a6a ;background:url(../images/register/icon8.png) no-repeat left center}

/* 找回密码 */
.container{ background: #f2f3f5; padding: 60px 0;}
.forgotpassword{width: 1008px; background: #fff; margin: 0 auto; height: auto; overflow: hidden; padding-top: 25px;   font-family: "microsoft yahei","微软雅黑";}
.forgotpassword .forgot-title h1{ font-size: 18px; color: #4a4a4a; padding-left: 30px; margin-bottom: 50px;}
.recovered{ margin-left: 265px;}

.recovered .recoveredtab span{ display: inline-block; width: 249px; font-size: 14px; font-family: "微软雅黑"; color: #4a4a4a; background: url(../images/account/bgtab.png) no-repeat bottom right; text-align: center; line-height: 60px;}

.recovered .recoveredtab span.selected{ color: #00b0ff; background-position: bottom left;}
.accountinfo{ margin-top: 35px;}
.accountinfo li{ margin-bottom: 15px;}
.accountinfo li .cue,.accountinfo li .cue1,.accountinfo li .cue2{ padding-left: 25px; margin-left: 5px; display: inline-block; color: #00aaee;}
.accountinfo li label{ display: inline-block; width: 105px; text-align: right; color: #4a4a4a; font-size: 14px; line-height: 42px; margin-right: 15px;}
.accountinfo .text-296{ width: 286px; height: 40px; line-height: 40px; padding-left: 10px; border:1px solid #dbdbdb; border-radius: 5px; }
.accountinfo .text-147{ width: 137px; height: 40px; line-height: 40px; padding-left: 10px; border:1px solid #dbdbdb; border-radius: 5px; }
.accountinfo .getcode-btn{ border: 0; width: 135px; height: 40px; background: #00b0ff; line-height: 40px; color: #fff; border-radius: 5px; margin-left: 10px; cursor: pointer; font-size: 14px; }
.accountinfo .btn-next,.accountinfo .btn-sure{ background: #00b0ff; color: #fff; width: 298px; height: 40px; line-height: 40px; border: 0; border-radius: 5px; text-align: center; font-size: 14px; font-family: "microsoft yahei","微软雅黑"; cursor: pointer; }
.recovered #set-pwd{ display: none;}
.forgotpassword .contactus{ border-top: 1px dotted #dbdbdb; font-size: 14px; line-height: 40px; padding:0px 0px 0px 30px; margin-top: 45px;}
.forgotpassword .contactus span{ color: #00b0ff;}
.accountinfo .error{background:url(../images/register/icon7.png) no-repeat left center}
.accountinfo .success{margin-top:0px;color:#6a6a6a ;background:url(../images/register/icon8.png) no-repeat left center}





.slide-left {
  -webkit-animation: slide-left 1s;
          animation: slide-left 1s;
}
.slide-right {
  -webkit-animation: slide-right 1s;
          animation: slide-right 1s;
}
.slide-top {
  -webkit-animation: slide-top 1s ;
          animation: slide-top 1s ;
}
.slide-down {
  -webkit-animation: slide-top 1s reverse;
          animation: slide-top 1s reverse;
}


/* Slide left */
@-webkit-keyframes slide-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slide-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

/* Slide right */
@-webkit-keyframes slide-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slide-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

/* Slide top */
@-webkit-keyframes slide-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slide-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}


